﻿@model string
@{
    Layout = null;
}
<div class="search-div ts-3">
    <section class="search">
        <form action="/plants/search" method="post">
            <div class="text-all dis-box j-text-all">
                <a class="a-icon-back j-close-search" href="javascript:history.go(-1)"><i class="iconfont icon-jiantou is-left-font"></i></a>
                <div class="box-flex input-text">
                    <input class="j-input-text" type="text" name="name" placeholder="请输入搜索关键词！" id="newinput" autofocus="autofocus" style="font-size:1.56rem;">
                    <i class="iconfont icon-guanbi2 is-null j-is-null"></i>
                </div>
                <button type="submit" class="btn-submit">搜索</button>
            </div>
        </form>
    </section>
    <section class="search-con">
        <div class="swiper-scroll history-search">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <p>
                        <label class="fl">热门搜索</label>
                    </p>
                    <ul class="hot-search a-text-more">
                        <li class="w-3"><a href="/plants/index/2"><span>多肉植物</span></a></li>
                        <li class="w-3"><a href="/plants/index/4"><span>微景观</span></a></li>
                        <li class="w-3"><a href="/plants/index/5"><span>室内绿植</span></a></li>
                    </ul>
                    <p class="hos-search">
                        <label class="fl">最近搜索</label>
                        <span class="fr" onclick="javascript: clearHistroy();"><i class="iconfont icon-xiao10 is-xiao10 jian-top fr"></i></span>
                    </p>
                    <ul class="hot-search a-text-more a-text-one" id="search_histroy">
                        @{
                            var history = Model.Split(',');
                            foreach (var item in history)
                            {
                                <li><a href="/plants/index/?kd=@item"><span>@item</span></a></li>
                            }
                        }
                    </ul>
                </div>
            </div>
            <div class="swiper-scrollbar"></div>
        </div>
    </section>
    <footer class="close-search j-close-search">
        点击关闭
    </footer>
</div>